<style>
.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}

@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.demo-spin-col {
  height: 100px;
  position: relative;
  border: 1px solid #eee;
}
</style>
<template>
  <div>
    <div class="demo-spin-col" span="8">
      <oolongSpin fix>加载中...</oolongSpin>
    </div>
    <div class="demo-spin-col" span="8">
      <oolongSpin fix>
        <oolongIcon type="load-c" size=18 class="demo-spin-icon-load"></oolongIcon>
        <div>Loading</div>
      </oolongSpin>
    </div>
  </div>
</template>
<script>
// 部分样式代码冗长，未作展示
export default {}
</script>
